﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ctrlTitular.ascx.cs"
    Inherits="habilitaciones.web.Views.Shared.ctrlTitular" %>
<script type="text/javascript">

    $(function () {

        $('#fecnac').datepicker({ dateFormat: 'dd/mm/yy' }, { currentText: 'Now' });

        HabilitarPersona(false);
        /*
        //LLeno tipo de documento
        $.ajax({
        type: "POST",
        url: 'modelo.php?accion=llenar_tipoDoc',
        success: function (json) {
        combo = document.getElementById("dni_tipo");
        LlenarCombo(json, combo);
        $("#dni_tipo").val(1);

        }
        });

        // LLeno Localidad
        $.ajax({
        type: "POST",
        url: 'modelo.php?accion=llenar_localidad',
        success: function (json) {
        combo = document.getElementById("localidad");

        LlenarCombo(json, combo);

        }
        });

        // LLeno Municipio
        $.ajax({
        type: "POST",
        url: 'modelo.php?accion=llenar_municipio',
        success: function (json) {
        combo = document.getElementById("municipio");
        LlenarCombo(json, combo);

        }
        });
        */
        // Dialog			
        $('#datosTitular').dialog({
            autoOpen: false,
            width: 800,
            modal: true,
            title: "Ingresar Datos del Titular",
            buttons: {
                "Guardar": function () {
                    $.ajax({
                        type: "POST",
                        url: 'modelo.php?accion=guardar_persona',
                        data: "&tipo=" + jQuery("#dni_tipo").val() + "&documento=" + $("#dni").val() + "&nombre=" +
										$("#nombre").val() + "&apellido=" + $("#apellido").val() + "&fecnac=" + $("#fecnac").val() + "&sexo=" +
										$("#sexo").val() + "&domicilio=" + $("#domicilio").val() + "&nro=" +
										$("#nro").val() + "&depto=" + $("#dpto").val() + "&municipio=" +
										$("#municipio").val() + "&localidad=" + $("#localidad").val(),
                        dataType: "json",
                        success: function (datos) {
                            $("#datosTitular").dialog("close");
                        }
                    });
                },
                "Cancelar": function () {
                    $(this).dialog("close");
                }
            }
        });

        $("#btnBuscar").click(function () {
            $.ajax({
                type: "GET",
                url: 'BuscarPersonaDocumento',
                data: "documento=" + jQuery("#dni").val(),
                dataType: "json",
                success: function (json) {
                    HabilitarPersona(true);
                    LlenarPersona(json);

                }
            });
        });

        //cambio municipio
        $('#municipio').change(function () {
            // LLeno Localidad
            $.ajax({
                type: "GET",
                url: 'modelo.php?accion=llenar_localidad',
                data: "municipio=" + jQuery("#municipio").val(),
                success: function (json) {
                    combo = document.getElementById("localidad");
                    LlenarCombo(json, combo);
                }
            });
        });


        // Dialog Link
        $('#abreDatosTitular').click(function () {
            $.ajax({
                type: "POST",
                url: "CargarPersona",
                dataType: "json",
                success: function (datos) {
                    $('#datosTitular').dialog('open');
                    LlenarTiposDocumentos();
                    LlenarMunicipios();
                    LlenarLocalidades();
                    LlenarPersona(datos);
                }
            });


            return false;
        });


        //hover states on the static widgets
        $('#abreDatosTitular, ul#icons li').hover(
					function () { $(this).addClass('ui-state-hover'); },
					function () { $(this).removeClass('ui-state-hover'); }
				);

    });
    function LlenarTiposDocumentos() {
        document.getElementById("tipos_documentos").innerHTML = document.getElementById("dni_tipo").innerHTML;

    }

    function LlenarMunicipios() {
        document.getElementById("municipio").innerHTML = document.getElementById("municipios").innerHTML;

    }

    function LlenarLocalidades() {
        document.getElementById("localidad").innerHTML = document.getElementById("localidades").innerHTML;

    }	
			
			
		</script>
<button type="button" href="#" id="abreDatosTitular" class="ui-state-default ui-corner-all botonNormal">
    Ingresar Datos del Titular
</button>
<div id="datosTitular">
    <table>
        <tr>
            <td>
                <label for="marca">
                    Tipo</label>
            </td>
            <td>
                <select id="tipos_documentos" name="tipos_documentos">
                </select>
            </td>
            <td>
                <label for="marca">
                    Número</label>
            </td>
            <td>
                <input class="chico" name="dni" id="dni" value="" />
            </td>
            <td>
                <button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
                    type="button" role="button" aria-disabled="false" id="btnBuscar">
                    <span class="ui-button-text">Buscar</span>
                </button>
            </td>
        </tr>
        <tr>
            <td>
                <label for="nombre">
                    Nombre</label>
            </td>
            <td>
                <input class="mediano" name="nombre" id="nombre" value="" size="50" />
            </td>
            <td>
                <label for="apellido">
                    Apellido</label>
            </td>
            <td>
                <input class="mediano" name="apellido" id="apellido" value="" size="50" />
            </td>
        </tr>
        <tr>
            <td>
                <label for="fecnac">
                    Fec Nac</label>
            </td>
            <td>
                <input class="chico" name="fecnac" id="fecnac" value="" />
            </td>
            <td>
                <label for="sexo">
                    Sexo</label>
            </td>
            <td>
                <select id="sexo" class="xchico">
                    <option id="M">Masculino</option>
                    <option id="F">Femenino</option>
                </select>
            </td>
        </tr>
        <tr>
            <td>
                <label for="domicilio">
                    Domicilio:</label>
            </td>
            <td>
                <input class="mediano" name="domicilio" id="domicilio" size="50" />
            </td>
            <td>
                <label for="nro">
                    Nº</label>
            </td>
            <td>
                <input class="xchico" name="nro" id="nro" size="5" />
            </td>
            <td>
                <label for="dpto">
                    Dpto</label>
            </td>
            <td>
                <input class="xchico" name="dpto" id="dpto" size="5" />
            </td>
        </tr>
        <tr>
            <td>
                <label for="municipio">
                    Municipio</label>
            </td>
            <td>
                <select id="municipio" class="chico">
                </select>
            </td>
            <td>
                <label for="localidad">
                    Localidad</label>
            </td>
            <td>
                <select id="localidad" class="chico">
                </select>
            </td>
        </tr>
        <tr>
            <td>
                <label for="foto">
                    Foto</label>
            </td>
            <td>
                <form action="LevantarFoto" method="post" enctype="multipart/form-data">
                <label for="file1">
                    Foto:</label>
                <input type="file" name="foto" id="foto" />
                </form>
            </td>
            <td>
                <label for="firma">
                    Firma</label>
            </td>
            <td>
                <form action="LevantarFirma" method="post" enctype="multipart/form-data">
                <label for="file1">
                    Firma:</label>
                <input type="file" name="firma" id="firma" />
                </form>
            </td>
        </tr>
        <tr>
            <td>
                <label for="pulgar_d">
                    Pulgar derecho</label>
            </td>
            <td>
                <form action="LevantarFirma" method="post" enctype="multipart/form-data">
                <label for="file1">
                    Pulgar D:</label>
                <input type="file" name="pulgarD" id="pulgarD" />
                </form>
            </td>
            <td>
                <label for="pulgar_i">
                    Pulgar Izquierdo</label>
            </td>
            <td>
                <form action="LevantarFirma" method="post" enctype="multipart/form-data">
                <label for="file1">
                    Pulgar I:</label>
                <input type="file" name="pulgarI" id="pulgarI" />
                </form>
            </td>
        </tr>
    </table>
    <script type="text/javascript">

        $(function () {

            $('#fecnac').datepicker({ dateFormat: 'dd/mm/yy' }, { currentText: 'Now' });
            // Dialog			
            $('#datosTitular').dialog({
                autoOpen: false,
                width: 800,
                modal: true,
                show: 'fade',
                hide: 'fade',
                title: "Ingresar Datos del Titular",
                buttons: {
                    "Guardar": function () {
                        $.ajax({
                            type: "POST",
                            url: 'GuardarPersona',
                            data: "&tipo=" + jQuery("#dni_tipo").val() + "&documento=" + $("#dni").val() + "&nombre=" +
										$("#nombre").val() + "&apellido=" + $("#apellido").val() + "&fecnac=" + $("#fecnac").val() + "&sexo=" +
										$("#sexo").val() + "&domicilio=" + $("#domicilio").val() + "&nro=" +
										$("#nro").val() + "&depto=" + $("#dpto").val() + "&municipio=" +
										$("#municipio").val() + "&localidad=" + $("#localidad").val(),
                            dataType: "json",
                            success: function (datos) {
                                $("#datosTitular").dialog("close");
                            }
                        });
                    },
                    "Cancelar": function () {
                        $(this).dialog("close");
                    }
                }
            });

            $("#btnBuscar").click(function () {
                $.ajax({
                    type: "GET",
                    url: 'BuscarPersonaDocumento',
                    data: "documento=" + jQuery("#dni").val(),
                    dataType: "json",
                    success: function (json) {
                        HabilitarPersona(true);
                        LlenarPersona(json);

                    }
                });
            });

            //cambio municipio
            $('#municipio').change(function () {
                // LLeno Localidad
                $.ajax({
                    type: "GET",
                    url: 'modelo.php?accion=llenar_localidad',
                    data: "municipio=" + jQuery("#municipio").val(),
                    success: function (json) {
                        combo = document.getElementById("localidad");
                        LlenarCombo(json, combo);
                    }
                });
            });


            // Dialog Link
            $('#abreDatosTitular').click(function () {
                $.ajax({
                    type: "POST",
                    url: "CargarPersona",
                    dataType: "json",
                    success: function (datos) {
                        LlenarPersona(datos);
                    }
                });

                $('#datosTitular').dialog('open');
                return false;
            });


            //hover states on the static widgets
            $('#abreDatosTitular, ul#icons li').hover(
					function () { $(this).addClass('ui-state-hover'); },
					function () { $(this).removeClass('ui-state-hover'); }
				);

        });
			
			
			
		</script>
